<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>交安设施运维平台</title>
    <link rel="shortcut icon" href="../images/logo_mini.png">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="homepage.css">
</head>
<body>
<div id="container">
    <div id="main">
        <div id="zhong">
            <div class="div1">
                <img id="title_hrd" style="width: 212px" src="../images/logo_light.png">
                <nav>
                    <ul>
                        <li><img id="userStr" src="" class="user-image myButton"></li>
                        <li class="pp" style="border-right: 2px solid white">
                            <a href="javascript:" onclick="$.logoutSystem()">退出登录</a>
                        </li>
                        <li class="pp" style="position: relative">
                            <a id="appDownload">下载APP</a>
                            <div id="appBox" style="display: none; position: absolute; left: -26px">
                                <img src="../images/hualude.png" style="position: relative;
                                   left: 9px;width: 105px; height: 105px">
                            </div>
                        </li>
                    </ul>
                </nav>
            </div>
            <div style="clear: both;"></div>

            <div class="div2">
                <div class="tu myButton" id="signlampStr">
                    <img src="../images/signlamp.png">
                    <p class="pp1">信号灯</p>
                </div>
                <div class="tu myButton" id="signalmachineStr">
                    <img src="../images/signalmachine.png">
                    <p class="pp1">信号机</p>
                </div>
                <div class="tu myButton" id="solarenergyStr">
                    <img src="../images/solarenergy.png">
                    <p class="pp1">太阳能</p>
                </div>
                <div class="tu myButton" id="signboardStr">
                    <img src="../images/signboard.png">
                    <p class="pp1">标志</p>
                </div>
                <div class="tu myButton" id="highLeverStr">
                    <img src="../images/highLevel.png">
                    <p class="pp1">限高杆</p>
                </div>
                <div class="tu1 myButton" id="systemStr">
                    <img src="../images/set.png"
                         style="margin-top: 60px;width: 50px; height: 50px;">
                    <p class="pp1" style="padding-top: 30px; color:#fff;">设置</p>
                </div>
                <div class="tu3" id="about">
                    <img src="../images/logo_dark.png"
                         style="width: 283px; height: 68px;">
                    <p class="pp1" style="padding-top: 50px">关于</p>
                </div>
                <div class="tu2 myButton" id="countStr">
                    <img src="../images/message.png"
                         style="margin-top: 60px;width: 50px; height: 50px;">
                    <p class="pp1" style="padding-top: 28px ;color:#fff;">统计报表</p>
                </div>
                <div class="tu myButton" id="noticeStr" style="position: relative">
                        <span id="countSpan" style="position: relative; color: #fff; display: none">
                             <img id="circle" src="../images/circle.png"
                                  style="position: absolute; left: 120px; top: -8px;
                                  width: 25px; height: 25px">
                             <p id="plus" style="position: absolute;
                             left: 125px; top: -5px; display: none">+</p>
                             <p id="isReadCount"
                                style="position: absolute; left: 118px; top: 3px"></p>
                        </span>
                    <img src="../images/notice.png">
                    <p class="pp1">公告</p>
                </div>
                <div class="tu myButton" id="alarm">
                    <img src="../images/signlamp.png">
                    <p class="pp1">报警器</p>
                </div>
                <div class="tu myButton" id="guardrailStr">
                    <img src="../images/guardrail.png">
                    <p class="pp1">护栏</p>
                </div>
                <div class="tu myButton" id="coverStr">
                    <img src="../images/cover.png">
                    <p class="pp1">窖井</p>
                </div>
                <div class="tu myButton" id="monitorStr">
                    <img src="../images/monitor.png">
                    <p class="pp1">监控箱</p>
                </div>
                <div class="tu myButton" id="roadlineStr">
                    <img src="../images/roadline.png">
                    <p class="pp1">标线</p>
                </div>
            </div>
        </div>
    </div>

    <div id="footer">
        <p class="p1">Copyright&copy;2017 宁波华路德交通设备科技有限公司 版权所有</p>
    </div>

</div>

<div id="showAboutModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="showAboutLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 540px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#showAboutModal').modal('hide')">
                    <span aria-hidden="true">&times;</span></button>
                <b class="modal-title" id="showAboutLabel">关于</b>
            </div>
            <div class="modal-body" id="showAboutInfo">

            </div>
            <div class="modal-body" id="aboutButton" style="
                padding-left: 450px;
                padding-right: 5px;
                padding-top: 0px;
            "></div>
        </div>
    </div>
</div>

<!--"关于"编辑模态框-->
<div id="modal-alarm" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="label-class"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 20%;min-width: 400px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#modal-alarm').modal('hide')">
                    <span aria-hidden="true">&times;</span></button>
                <b class="modal-title"></b>
            </div>
            <div class="modal-body" style="overflow: hidden">
                <div class="form-group">
                    <label class="col-sm-3 control-label">电话</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" placeholder="电话"
                               id="aboutTele" name="aboutTele">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">传真</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" placeholder="传真"
                               id="aboutFax" name="aboutFax">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">邮箱</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" placeholder="邮箱"
                               id="aboutMail" name="aboutMail">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">网址</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control" placeholder="网址"
                               id="aboutWebsite" name="aboutWebsite">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning btn-flat pull-left" data-dismiss="modal"
                        onclick="$('#modal-alarm').modal('hide')"><i class="fa fa-trash-o"></i>
                    关闭
                </button>
                <button type="submit" id="updataAboutInfo" class="btn btn-warning btn-flat"><i
                        class="fa fa-trash-o"></i>
                    保存
                </button>
            </div>
        </div>
    </div>
</div>

<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../plugins/bootbox/bootbox.min.js"></script>
<script src="homepage.js"></script>
</body>
</html>